<%@ Register TagPrefix="portal" TagName="PortalFooter" Src="PortalFooter.ascx" %>
<%@ Register TagPrefix="uc1" TagName="AdminMenu" Src="AdminMenu.ascx" %>

<%@ Page Language="c#" Inherits="Portal.AdminDefault" CodeBehind="AdminDefault.aspx.cs" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head id="head1" runat="server">
	<title></title>
	<link runat="server" id="cssLink" rel="stylesheet" type="text/css" />
	<link runat="server" id="favicon" rel="SHORTCUT ICON" href="" type="image/ico" visible="false" />
	<meta runat="server" id="metaDescription" name="description" content="" visible="false" />
	<meta runat="server" id="metaAuthor" name="author" content="" visible="false" />
	<meta runat="server" id="metaKeywords" name="keywords" content="" visible="false" />
	<meta runat="server" id="metaRobots" name="robots" content="" visible="false" />

	<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

	<script type="text/javascript"> 
$(document).ready(function(){

	$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav
	
	$("ul.topnav li span").click(function() { //When trigger is clicked...
		
		//Following events are applied to the subnav itself (moving subnav up and down)
		$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

		$(this).parent().hover(function() {
		}, function(){	
			$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
		});

		//Following events are applied to the trigger (Hover events for the trigger)
		}).hover(function() { 
			$(this).addClass("subhover"); //On hover over, add class "subhover"
		}, function(){	//On Hover Out
			$(this).removeClass("subhover"); //On hover out, remove class "subhover"
	});

});
	</script>

	<style type="text/css">
		ul.topnav
		{
			list-style: none;
			padding: 0;
			margin: 0;
			float: left;
			width: auto;
			background: #222;
			font-size: 1.2em;
			background: url("../../images/bgOFF1.gif" ) repeat-x;
		}
		ul.topnav li
		{
			float: left;
			margin: 0;
			padding: 0 15px 0 0;
			position: relative; /*--Declare X and Y axis base--*/
		}
		ul.topnav li h2
		{
			padding: 5px;
			color: #ff0000;
			display: block;
			text-decoration: none;
			float: left;
		}
		ul.topnav li a:hover
		{
			background: url(topnav_hover.gif) no-repeat center top;
		}
		ul.topnav li span
		{
			/*--Drop down trigger styles--*/
			width: 17px;
			height: 35px;
			float: left;
			background: url(subnav_btn.gif) no-repeat center top;
		}
		ul.topnav li span.subhover
		{
			background-position: center bottom;
			cursor: pointer;
		}
		/*--Hover effect for trigger--*/ul.topnav li ul.subnav
		{
			list-style: none;
			position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
			left: 0;
			top: 35px;
			background: #333;
			margin: 0;
			padding: 0;
			display: none;
			float: left;
			width: 170px;
			-moz-border-radius-bottomleft: 5px;
			-moz-border-radius-bottomright: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
			border: 1px solid #111;
		}
		ul.topnav li ul.subnav li
		{
			margin: 0;
			padding: 0;
			border-top: 1px solid #252525;
			border-bottom: 1px solid #444;
			clear: both;
			width: 170px;
			font-size: 12px;
		}
		html ul.topnav li ul.subnav li a
		{
			float: left;
			width: 145px;
			background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
			padding-left: 20px;
			font-size: 12px;
		}
		html ul.topnav li ul.subnav li a:hover
		{
			/*--Hover effect for subnav links--*/
			background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
		}
		#header img
		{
			margin: 20px 0 10px;
		}
	</style>
</head>
<body>
	<form id="Form1" method="post" runat="server" enctype="multipart/form-data">
	<div id="container">
		<div id="header">
			<asp:PlaceHolder ID="phHeader" runat="server" />
		</div>
		<div id="tabs">
			<uc1:AdminMenu ID="adminMenu" runat="server" />
		</div>
		<div id="content">
			<asp:PlaceHolder ID="contentPlace" runat="server" />
		</div>
		<div id="footer" class="clearfix" runat="server">
			<portal:PortalFooter ID="PortalFooter1" runat="server" />
		</div>
	</div>
	</form>
</body>
</html>

<script language="JavaScript">
      <!--
      var lastColorUsed;
      function prettyDG_changeBackColor(row, highlight)
      {
        if (highlight)
        {
          lastColorUsed = row.style.backgroundColor;
          //row.style.backgroundColor = '#000000';
          row.style.backgroundColor = '#FFFFD5';
        }
        else
          row.style.backgroundColor = lastColorUsed;
      }
      // -->
</script>

